﻿body			{ margin:0px;  color:#333; overflow-x:hidden; font-size:21px; font-weight:normal;  font-family:regular;  background-repeat:repeat-x;}
body.popUpVisible {overflow: hidden;}
table			{ padding: 0px; margin: 0px; width:100%;}
td				{ vertical-align: top; padding: 0px; }
p				{ direction: rtl; margin-top: 0px; margin-bottom: 0px; text-align:right; }

a               { color: #535353; }
a:link			{ color: #535353; text-decoration: none; }
a:visited		{ color: #535353; text-decoration: none; }
a:hover			{ color: #535353; text-decoration: none; }
a:focus, a:hover {text-decoration:none !important;color: #535353;}


#SiteContainer          { direction:rtl; position:relative; direction: rtl; position: relative; background-image: url('../../../000Frames/site/images/footer.jpg'); background-repeat: no-repeat; background-position: bottom; background-size: 100%; }
#SiteHeaderContainer    { position: fixed; width: 100%; z-index: 9; top: 0; }
#SiteGridContainer      { margin-top:20px;}
#SiteFooterContainer    {height:135px;}

#SiteHeader             { height:50px; background-color:#fff;box-shadow: 1px 1px 3px 0px; -moz-box-shadow: 1px 1px 3px 0px; -webkit-box-shadow: 1px 1px 3px 0px; }

#SiteGrid               { padding-bottom:10px; }
#SiteFooter             { width:100%; }

#GridRight              { }
#GridPage               { overflow:auto; }
#GridLeft               { }
#GridTop                { }
#GridContent            { }

#PageMenu               { }
#PageBreadCrumps        { }
#PageHeader             { }
#PageContent            {  }
#PageKdm                { }
#PageFooter             { }

.details                { font-size: 25px;color: #EB9908;text-align: center;margin-top: 10px; }
.phone                { font-size: 45px;color: #fd980a;text-align: center;}
.top-banner             {}
#playgrounds-only-header img{width:100%;}
/*******************************************************************************************/

a#logo                  { }
a#logo  img             { width:45%; max-width:140px;}

#HomeLogo               { width: 60px;  border: 0px; margin-right: auto; margin-left: auto; position: relative; top: 4px; }
#HomeLogo img           { width:100%; border:0px;}

 #HeadPicMobile img{width:100%; min-height:101px;}
#body img {max-width: 100%; height: auto; display: block; margin-right: auto; margin-left: auto;}
/*******************************************************************************************/

.linkNav          { float:right; padding:3px;}
.arrowNav         { float:left;}
#topNav           { width:264px; height:6px;  background:url('../../../000Frames/site/images/dropdown-top.png');  background-size:264px 6px; }
#MainNav          { font-size:18px; color:#fff; overflow:hidden; background-color:#064B82;}
#MainNav   a      { color:#fff;}
a.linkNav.active  { color:#E7A952 !important;}
.rowNav           { height:30px; }
.sepNav           { height:2px; background:url('../../../000Frames/site/images/dropdown-separator.png') bottom no-repeat;background-size:100%; }
#bottomNav        { width:264px; height:6px;  background:url('../../../000Frames/site/images/dropdown-bottom.png');  background-size:264px 6px;}

#navPos           { position:fixed;  right:0; z-index:99999;   -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s; opacity:0; display:none;width:100%;height:100%;overflow-y:scroll;}




#btnNav           { position: fixed; top: 14px; right: 10px; z-index: 10;  }
.rotate     { transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */}
#btnNav   img        { width:25px; height:21px;}

/*******************************************************************************************/
#header                 { font-size:30px; text-align:center; font-family:'pen';}
#InternalNavbar a:hover { text-decoration:none; }
#anchor                 { margin-bottom:15px; margin-top:-5px; font-size:12px; }
#headline h1            { margin-right:auto; margin-left:auto; text-align:center;  padding:0px; font-size:1.3em; font-weight:normal; margin-bottom:5px; color: #333; font-family:'bold'; }

#subheadline h2         {  margin-right:4%; margin-left:4%; padding:0px; font-size:1em;  padding-bottom:10px; color:#E47E10; }
#intro                  { color: #114996; padding-left: 4%; padding-right: 4%; }
#writer                 { margin-bottom:5px; }
#body                   {  margin-right:2.5%; margin-left:2.5%; font-size:18px;}
#remarks                { font-size:14px; }

.headerHotels           { margin-right:4%; margin-left:4%; font-weight:bold; font-size:1.4em; margin-bottom:10px; }
.textHotels             { margin-right:4%; margin-left:4%;}

.sepHotels              { height:3px; background-color:#bcbcbc; margin-bottom:10px; margin-right:4%; margin-left:4%;  }

#navHotels              { overflow: auto; color:White; width: 157px;margin-right: auto;margin-left: auto; font-size: 21px;}
#navHotels  a           { float:right; padding-bottom:3px; padding-top:3px; padding-left:4px; padding-right:4px; background-color:#bcbcbc;color:White; text-decoration:none; margin-left:5px;}
#navHotels  a:hover     { float:right; padding-bottom:3px; padding-top:3px; padding-left:4px; padding-right:4px; background-color:#ea9806;color:White; text-decoration:none; margin-left:5px;}    

#galleryHotels          { margin-top:10px;}
                    

a#backBtn                { display:block; position:absolute; top:5px; left:12px;}
a#backBtn img            { border:0px;}

.GalleryBody            { margin-top:20px;}
.GalleryBody img        { }

/********************************************************************************************/

.headingCap     { color:#001542; padding:2px 0px 2px 0px; font-size:1.3em; font-weight:bold; border-top:2px solid #55c2e3; border-bottom:1px solid #8cd7ec; margin-bottom:5px; }
.heading4       { color:#DEBF62; font-size:1.66em; font-weight:bold; margin-bottom:5px; font-family: 'MeodedPashut_OERegular';}
.heading5       { font-weight:bold; font-size:1.3em; margin-top:5px; margin-bottom:5px; text-decoration:none;  }
.heading5 a     { text-decoration:none; }
.normal         { }
.small          { font-size:0.91em; color:#696969;}


.linkToStory a  { text-decoration:none; }
.linkToStory a:hover  { text-decoration:underline; }

.link a         { color:#55c2e3; font-weight:normal; font-size:100%; }

.strip1         { margin-bottom:10px; font-size:14px;  background-repeat:no-repeat; background-position:right; padding-right:10px; }
.strip1 a       { text-decoration:none; } 



h2{font-size:1em;}
h3{font-size:1.2em;}
#EventsHeader               { margin-bottom:15px; width:345px;}
a#GalleryLink               { display:block; position:absolute; left:10px; top:8px; z-index:2;}
a#LeftContactLink           { display:block;  margin-top:20px; cursor:pointer;}

/*********************************************************************************************/
#galleryList                { width:690px; margin-right:55px; height:235px; padding-right:20px; overflow:auto;}

/****************************events*****************************************************************/

#EventsList                 { width:96%; margin-right:auto; margin-left:auto;}
#EventsList a.eventLink     { display:block; float:right; width:47%; margin-right:3%; margin-bottom:15px; }
#EventsList a.eventLink img { display:block; width:100%; border:0px;}


/****************************galleries*****************************************************************/

#GalleryList                 { width:96%; margin-right:auto; margin-left:auto; overflow:hidden}
#GalleryList a.GalleryLink     { display:block; float:right; width:47%; margin-right:3%; margin-bottom:15px; text-align:center; text-decoration:none; }
#GalleryList a.GalleryLink img { display:block; width:100%; border:0px;}
#GalleryList a.GalleryLink .galleryLable    { display:block; color:Black; padding-top:5px;}
/*********************************************************************************************/

/*.textBox              {  width:133px; height:20px; background:url('../../../home/a/main/images/form-field-bg.png') no-repeat; padding:2px 5px 0px 0px; border:0px; background-color:transparent;}*/
.LargeTextField       { overflow:hidden; width:183px; height:90px; background:url('../images/filled-msg.gif') no-repeat; padding:2px 5px 0px 0px;}
.TableTextStyle       { font-size:14px; width:40px; font-weight:bold;}
.Send                 { text-align:left;}
.SendButton           { width:67px; height:34px; }


.LargeTextField         { width:95%; height:39px; border:0px; background-color:#FFFFFF; background-image:none; padding:2px 5% 0px 0px; margin-bottom:10px; color:#474747; font-size:16px;font-family: 'MeodedPashut_OERegular';
                            -moz-box-shadow: -1px -2px 1px #D9D9D7;
                            -webkit-box-shadow: -1px -2px 1px #D9D9D7;
                            box-shadow: -1px -2px 1px #D9D9D7;
                        }
.selectBox              { width:100%; height:41px; margin-bottom:10px;}

/*********************************************************************************************/

#ContactText            { }
#ContactFormContainer   { margin-top:10px;}

#ContactFormContainer #ContactForm  {  }
        
#ContactForm                       { }
#ContactForm .title                { font-size:1.5em; margin-bottom:10px; }
/*#ContactForm .textBox              { width:183px; height:20px; background:url('../images/filled-name.gif') no-repeat; padding:2px 5px 0px 0px;}*/
/*#ContactForm .LargeTextField       { overflow:hidden; width:183px; height:90px; background:url('../images/filled-msg.gif') no-repeat; padding:2px 5px 0px 0px;}*/
#ContactForm .Send                 { text-align:left; padding-top:10px;}
#ContactForm .SendButton           { Width:67px; Height:34px; }

/*********************************************************************************************/

#clubForm                       { width:95%; margin-right:auto; margin-left:auto; margin-top:0px;}

#clubForm .FormTextDiv          { text-align:right; margin-bottom:10px; font-size:16px; font-family: 'MeodedPashut_OERegular'}
#clubForm .SendButton           { }


/*********************************************************************************************/
#topContainer   { margin-bottom:8px; margin-top:8px;}
#topContainer   div {   }
#face img   { margin-right:2px;   }
#youtube  img  { margin-right:2px;  }
#contact img   { margin-right:2px;  }
#call img  { margin-left:3px; }
#topContainer   img { }


#phoneBottomText    { text-align:center;}




.Quarter            { width:25%; float:left;}
.Quarter  a         { display:block; }
.Quarter   img      { width:100%;}    



.header         { font-size:30px; color: #fd980a;}
.free           { font-size: 20px;}
.free2           { font-size: 22px;}


.res                { width:100%; height: auto;}

#apple          {  width:160px; height:52px; margin-left:auto; margin-right:auto; }
#apple img         {  width:160px; height:52px; margin-top:15px;}
.showD           { display:block;}
#android        {  width:160px; height:52px; margin-left:auto; margin-right:auto; }
#android img         {  width:160px; height:52px; margin-top:15px;}
@font-face {
	font-family: 'pen';
	src: url('peneloperegularwebfont.eot');
	src: local('peneloperegularwebfont'), local('peneloperegularwebfont'), url('peneloperegularwebfont.woff') format('woff'), url('peneloperegularwebfont.svg#webfont4Amd3DHq') format('svg');
	font-weight: normal;
	font-style: normal;
}


.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 15%;
    left: 50%;
    width:250px;
    margin-left:-152px;
    padding: 16px;
    border: 3px solid black;
    background-color: white;
    z-index:1002;
}

#MenuMobile {     
    position: fixed;
    left: 90px;
    top: 7.5px; 
    }

#MenuMobile img {
    width: 36px;
}

#MenuFace {     
    position: fixed;
    left: 48px;
    top: 7.5px; 
    }

#MenuFace img {width: 35px;cursor:pointer}


#MenuTel {     
    position: fixed;
    left: 7.5px;
    top: 7.5px; 
    }

#MenuTel img {width: 35px;cursor:pointer}

.TopMenuIcons {
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    width: 24px;
    margin-top: 3px;
}


   .FooterBottom p {
    color: #fff;
    font-size: 13px;
    text-align: center;
}
    .FooterTop img {height:70px;}
    .FooterTop p { text-align: center;color:#fff; font-size:18px;}
    .FooterTop { height:130px; padding:10px; background-color:#464646;text-align:center; }
    .FooterBottom {
        height:30px;
        background-color:#363636;
        padding:5px;
    }
    #FooterFormTitle {
        background-image: url('../../../000frames/site/images/form-title-bg.png');
        height: 48px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        /* padding-top: 5px; */
        font-size: 25px;
        color: #fff;
        font-weight: bold;
        text-shadow:-1px 1px #cc9247;
        padding-top:3px;

    }
    #FooterFormSubTitle {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
    font-size:16px;
}

    .FooterForm input {
        display: block;
        text-align: right;
        margin: 0 auto;
        width: 85%;
        background: #04568C;
        color: #fff;
        padding: 10px;
        border:1px solid;
        border-radius:5px;
        margin: 15px auto;
        font-family:regular;

    }
    #FooterFormConfirmContiner span {
    font-size: 12px;
    float: right;
    /* height: 30px; */
    padding-top: 9px;
    color:#fff;
    margin-top:10px;
    }
    #FooterFormCheckBox {
    float: right;
    width: 10px;
    margin-right: 5%;
    margin-left: 3%;
    }
    .FooterForm {
    padding:20px 10px;
    background-image: url('../../../000frames/site/images/form-bg.png');
    height: 100%;
    text-align:center;
    }

    @media(max-width:321px){
        .FooterForm {
            padding-bottom: 40px;
        }
    }

    #FooterFormSubjectText {
    color: #fff;
    font-size: 14px;
    margin-right:15px;
    text-align:right !important;
}
#FooterFormSubject {

    width: 88%;
    height: 40px;
    background-color: transparent;
    color: #fff;
    border:1px solid;
    border-radius: 5px;
    font-family:regular;
    text-align:center;
}
@media(max-width:450px){#FooterFormSubject{width:91%;}}
select option { color: #fff; background-color:#05578D;padding:5px !important; }
    /*#FooterFormSend {
    background-image: url('../../../000frames/site/images/form-bt.png');
    text-align: center;
    width:125px;
    padding:7px;
    margin-top:20px;
    height:37px;
    }*/

    ::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}


.homeTitleContiner {
    text-align: center;
    }

.homeTitle {
    border-bottom: 3px solid #EFAF4E;
    display: inline-block;
    padding-bottom: 2px;
    font-size:29px;
    font-family: bold;

}


.PageTitle {
    border-bottom: 2px solid #EFAF4E;
    display: inline-block;
    padding-bottom: 2px;
    font-weight:bold;
    font-size:30px;
}


    #bannerTop {
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        padding-bottom: 92%;
    }





/* Footer Form Style */

    #FooterForm {position:relative;}
     .form-messages {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background:#000;
        opacity:0.9;
    }
    
.form-messages,
.form-messages .loading,
.form-messages .success,
.form-messages .error {
        display: none;
        color:  #fff;
        z-index: 9999;
        text-align:center;
        font-size: 80%;
    }

       label.error {
        position: relative;
        margin: 0px;
        display: block;
        margin-top: 5px;
        font-size: 70%;
        color:#fff;
        text-align:center;
        font-weight:bold;
    }
   .p-vert {
        display: table;
    }

    .c-vert {
        display: table-cell;
        vertical-align: middle;
    }

    .f-h {
        height: 100%;
    }

    .f-w {
        width: 100%;
    }      



    @media(min-width:321px) and (max-width:767px){

    .FooterForm {min-height:427.5px}
}

    input:required:focus {
  border: 1px solid red;
}   

        #topHome {
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        padding-bottom: 92%;
    }

        #topHomeC {
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        padding-bottom: 92%;
    }


/* Fonts */



@font-face {
    font-family: 'light';
    src: url('../../../000Frames/site/fonts/opensanshebrew-light.eot');
    src: url('../../../000Frames/site/fonts/opensanshebrew-light.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/opensanshebrew-light.woff') format('woff'),
         url('../../../000Frames/site/fonts/opensanshebrew-light.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/opensanshebrew-light.svg#open_sans_hebrewlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'regular';
    src: url('../../../000Frames/site/fonts/opensanshebrew-regular-webfont.eot');
    src: url('../../../000Frames/site/fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/opensanshebrew-regular-webfont.woff') format('woff'),
         url('../../../000Frames/site/fonts/opensanshebrew-regular-webfont.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/opensanshebrew-regular-webfont.svg#open_sans_hebrewregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bold';
    src: url('../../../000Frames/site/fonts/opensanshebrew-bold-webfont.eot');
    src: url('../../../000Frames/site/fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/opensanshebrew-bold-webfont.woff') format('woff'),
         url('../../../000Frames/site/fonts/opensanshebrew-bold-webfont.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/opensanshebrew-bold-webfont.svg#open_sans_hebrewregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



    .yellowbtn { width: 150px !important; height: 35px !important; border-bottom: 2px solid #CC9248 !important; border-radius: 5px !important; background-color: #EFAE50 !important; color: #fff !important; text-align: center !important; margin: 0 auto !important; position:relative;top:20px;border-right:none !important;border-top:none !important;border-left:none !important }
    .yellowbtn > a { color: #fff; position: relative; top: 10px; right: 3px; font-size: 14px;text-shadow:-1px 1px #033658; }

    .bluebtn{
        width: 150px; height: 35px; border-bottom: 2px solid #043E64; border-radius: 5px; background-color: #05568D; color: #fff; text-align: center; margin: 0 auto;
    }
    .bluebtn > a {
        color: #fff; position: relative; top: 10px; right: 3px; font-size: 14px;text-shadow:-1px 1px #033658;
    }
.FooterTop p {
    color: #EFAF4E;
}

div#FooterFormConfirmContiner {margin-right:15px;}


.PageContentPadding {
    padding: 5px;
}
div#body span {
    font-size: medium !IMPORTANT;
}
#subheadline h2 {padding-bottom:0px;}




.BlueLineContiner { overflow:hidden; height: 35px; background-color: #114996; text-align: center; vertical-align: middle; color: #fff; display: inline-block; width: 100%; position: relative;  }
.BlueLineText { margin:0; position: RELATIVE; top: 4px; font-size: 18px; font-weight: normal; font-family: 'bold'; font-style:italic;}

#SiteGridContainer {padding-bottom:230px;}
#SiteFooterContainer {height:0;}

#PageContent h2 {color:#114996;padding-left:4%;padding-right:4%; margin-left:0; margin-right:0;}
.sniffDetails {padding-left:4%; padding-right:4%;margin-bottom:15px;font-size: 15px;}

/*#TopGalleryImages {display:none}*/

.PlaygroundsComment { color: red; font-weight: bold; font-size: 16px; text-align: right; margin: 15px; }
.PlaygroundsNetworksIntro {font-size: 16px; max-width: 90%; margin: 15px; color:red;}
embed { width: 100% !important; }

#bWait{display:none;}


#popUp {position:fixed;width:100%;height:100vh;top:0px;bottom:0px;left:0px;right:0px;background:rgba(0, 0, 0, 0.7);z-index: 10000;}
#popUp img {max-width: 95%;position:  absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#popUp .closeHelper{position:absolute; width:100%; height:100%; }
#popUp .closeHelper .closePop {color: #fff;position:  absolute;left: 50%;margin-top:  20px;font-size: 110%;transform: translateX(-50%);width: 30px;height: 30px;overflow: hidden;text-align:  center;border: 3px solid #fff;border-radius: 50%;line-height: 30px;}